// 引入公共css样式
// @import "comman.scss";
// 当前位置
.position{
	height:42px;
	background:#bfa163;
	.title{
		height:42px;
		line-height:42px;
		.now{
			color:#f3e0ba;
		}
		.info{
			color:#fff;
		}
	}
}
// 项目详情
.main{
	padding-top:20px;
	background:url(../img/content_bg.png) repeat;
	padding-bottom:165px;
	.main_top{
		.top_line{
			height:5px;
			width:100%;
			background:#d3d2d1;
		}
		.top_block{
			height:30px;
			background:#f5f5f5;
			padding:10px 24px 10px 24px;
			.left{
				float:left;
				span{
					font-size:20px;
					color:#241f19;
					margin-left:-10px;
				}
			}
			.right{
				float:right;
				span{	
					color:#999;
					font-ize:14px;
				}
			}
			
		}
		.content{
			background:#fff;
			padding:25px;
			.content_left{	
				float:left;
				.top{
					padding-bottom:30px;
					border-bottom:1px dashed #e6e6e6;
					.first{
						li{
							float:left;
							margin-right:143px;
							
							.lg_l{
								font-size:32px;
								color:#af7334;
								font-weight:bold;
								font-family:Arial;
							}
							.sm_r{
								font-size:14px;
								color:#af7334;
								font-family:Arial;
							}
							.lg{
								font-size:32px;
								color:#333;
								font-weight:bold;
								font-family:Arial;
							}
							.sm{
								font-size:16px;
								color:#666;
								font-family:"微软雅黑";
							}
						}
						.li3{
							margin-right:0;
						}
					}
					// 第二行小字
					.second{
						li{
							float:left;
							margin-right:150px;
							span{
								font-size:12px;
								color:#999;
								font-size:12px;
							}
						}
						.li3{
							margin-right:0;
						}
					}
				}

				.bottom{
					margin-top:30px;
					.info1,.info2,.info3{
						li{
						 float:left;
						 line-height:30px;
						 	.left{
								color:#999;
								font-size:14px;
							}
							.right,.normal,.intro{
								font-size:14px;
								color:#333;
							}
							.right .red{
								color:#DA251D;
							}
							.right .black{
								color:#DA251D;
								fot-size:14px;
								font-weight:bold;
								font-family:Arial;
							}
						}
					}
					// 分别间隔
					.info1{
						.li1{
							margin-right:200px;
							// 进度条
							.progress{ 
								position: relative;
								display:inline-block;
								height:3px;
								width:100px;
								.bg{
									display: inline-block;
								    height: 3px;
								    width: 100px;
								    background: #ccc;
								    line-height: 12px;
								    position: absolute;
								    top: -3px;
								    left: 0;
								}
								.in{
									position: absolute;
								    top: -3px;
								    left: 0;
								    display: inline-block;
								    background: #af7533;
								    width: 99px;
								    height: 3px;
								}
							}
						}
						


					}
					.info2{
						.li1{
							margin-right:250px;
						}
					}
					.info3{
						.li1{
							margin-right:135px;
						}
					}
					.care{
						font-size:12px;
						color:#BBB;
						margin-top:20px;
					}
					
				}
			}
			.content_right{
				float:right;
				margin-left:40px;
				width:456.53px;
				height:242.43px;
				// 我要投资的表格(这里有四种状态)
				.check_box1,.check_box2,.check_box3,.check_box4{	
					padding:20px 30px 20px 30px;
					background:#f7f2e9;
					.title{
						.text{
							float:left;
							color:#333;
							font-size:18px;
							font-weight:bold;
							margin-top:-10px;
							i{
								vertical-align:middle;
								background-position:-120px 0;
								margin-left:-10px;
							}
						}
						.right{
							float:right;
							font-size:12px;
							color:#BFA163;

						}
					}
					.money{
						p{
							color:#333;
							font-sizez:12px;
						}
						.bottom{
							margin-top:12px;
							.lg{
								color:#333;
								font-size:30px;
								font-weight:bold;
								font-family:'微软雅黑';
								float:left;
								span{
									font-size:16px;
									color:#666;
									font-weight:normal;
								}
							}
							.right{
								float:right;
								color:#DA251D;
							}
						}
						
					}
					.money_in{
						margin-top:20px;
						p{
							color:#333;
							font-sizez:12px;
						}
						.input{	
								position:relative;
								margin-top:8px;
							input{
								width:284px;
								height:37px;
								text-indent:12px;
								border:0;
								outline:0;
								//box-shadow:inset 2px 2px 2px #e66a65;
								//-weibkit-box-shadow:inset 2px 2px 2px #e66a65;
								//-o-box-shadow:inset 2px 2px 2px #e66a65;
								//-moz-box-shadow:inset 2px 2px 2px #e66a65;
								border:2px solid #e66a65;
							
								
							}
							.txt{
								position:relative;
								left:-30px;
							}
							.btn{
								display:inline-block;
								background:#e66a65;
								height:41px;
								line-height:41px;
								width:110px;
								position:absolute;
								right:0;
								text-align:center;
								color:#fff;
								cursor:pointer;

							}
						}

					}
					.shouyi{
						color:#666;
						font-size:12px;
						margin-top:10px;
						.red{
							color:#DA251D;
						}
					}
				}
				// 未登录状态的登录后可见样式
				.check_box1{
					.money{
						.bottom{
							.lg{
								font-size:20px;
								color:#AF7334;
								span{
									font-size:16px;
									color:#666;
								}
							}
						}
					}

				}
				// 投资完成状态
				.check_box2,.check_box3{
					.finish{
						text-align:center;
						font-size:72px;
						color:#ccc;
						margin-bottom:20px;
						margin-top:16px;
					}
					.bottom{
						.left{
							float:left;
							color:#fff;
							background:#AF7334;
							border-radius:20px;
							width:153px;
							height:40px;
							text-align:center;
							i{
								background-position:-480px 0;
								vertical-align:-12px;
							}
						}
						.right{
							float:right;
							margin-top:15px;
							span{
								font-size:12px;
								color:#BBB;
							}
							
						}
					}
				}
				// 回款时不同字体
				.check_box2{
					.finish{
						span{
							color:#E7C9F6;
						}
					}
				}
			}
		}
	}
}
// 项目详情下部
.main{
	.main_bottom{
		margin-top:20px;
		.title{
			ul{
				li{
					float:left;
					padding:15px 28px 15px 28px;
					cursor:pointer;
					span{
						color:#333;
						font-size:16px;
					}
				}
				li:hover{
					background:#fff;
					span{
						color:#AF7334;
						font-weight:bold;
					}
				}
				.active{
					background:#fff;
					span{
						color:#AF7334;
						font-weight:bold;
					}
				}
			}
		}
		// 标题对应内容
		.content{
			background:#fff;
			padding:30px 25px 40px 25px;
			//  项目信息内容样式
			.project{
			    display:none;
				.aim,.car,.info,.connect{
					margin-bottom:50px;
					.aim_title{
						margin-bottom:10px;
						//margin-left:-10px;
						i{
							vertical-align:middle;
						}
						span{
							font-size:16px;
							color:#333;
							font-weight:bold;
						}
					}
					// 之前样式所需
					.aim_content{
						table{
							tr{
								td{
									width:400px;
									line-height:30px;
									.left{
										color:#666666;
										font-size:14px;
									}
									.right{
										color:#333333;
										font-size:14px;
										font-family:'微软雅黑';
									}
								}
							}
						}
					}
					// 后期调整样式改版
					.aim_content{
						margin-left:25px;
						p{
							line-height:28px;
						}
					}
				}
				.aim{
					.aim_title{
						i{
							width:20px;
							height:20px;
							background:url(../img/project1.png) no-repeat;
						}
					}
				}
				.car{
					.aim_title{
						i{
							width:20px;
							height:20px;
							background:url(../img/project2.png) no-repeat;
						}
					}
					.aim_content{
						.img{
							a{
								display:inline-block;
								width:220px;
								height:124px;
								margin-right:5px;
							}
							a:nth-child(5){
								margin-right:0;
							}
						}
						.txt{
							span{
								display:inline-block;
								width:220px;
								margin-right:5px;
								text-align:center;
								font-size:12px;
								color:#666;
							}
							span:nth-child(5){
								margin-right:0;
							}	
							
						}
					}
				}
				.info{
					.aim_title{
						i{
							width:20px;
							height:20px;
							background:url(../img/project3.png) no-repeat;
						}
					}
				}
				.connect{
					.aim_title{
						i{
							width:20px;
							height:20px;
							background:url(../img/project4.png) no-repeat;
						}
					}
				}
				// 图片阴影
				.connect{
				 	.aim_content{
				 		.pact_img{
				 			.td_img{
				 				display:inline-block;
				 				width:136px;
								height:181px;
								border:1px solid #ccc;
				 			}
				 			.td_img:nth-child(odd){
				 				margin-left:100px;
				 			}
				 			.td_img:nth-child(1){
				 				margin-left:0;
				 			}

				 		}
				 	}
					td{
						a{
							display:inline-block;
							width:136px;
							height:181px;
							border:1px solid #ccc;
							//box-shadow: 0 0 20px #333;
							//-weibkit-box-shadow: 0 0 20px #333;
							//-o-box-shadow: 0 0 20px #333;
							//-moz-box-shadow: 0 0 20px #333;
						}
					}
				}
				// 相关资料合同样式展示，，，，，这里是修改样式
				.connect{
					.aim_content{
						.pact_img{
							.td_img{
				 				display:inline-block;
				 				width:136px;
								height:181px;
								border:1px solid #ccc;
								float:left;
								margin-right:20px;
				 			}

						}
					}
				}

			}
			// 风险保障内容样式设置
			.project{
				height:1228px;
				position:relative;
				.top_line,.bottom_line{
					text-align:center;
					margin-top:20px;
					i{
						background-position:0 -80px;
						width:175px;
					}
				}
				.bottom_line{
					position:absolute;
					bottom:20px;
					left:490px;
				}
				    // 主题内容这里全部更改
				.protect_content{
				   margin-top:40px;
					.protect{
						float:left;
						margin-bottom:80px;
						.title{
							.left{
								display:inline-block;
								width:70px;
								height:70px;
								border-radius:50%;
								background:#bfa263;
								text-align:center;
								line-height:70px;
								color:#fff;
								font-size:50px;
								font-family:Arial;
								font-weight:200;
							}
							.right{
								display:inline-block;
								vertical-align:-10px;
								.lg{
									font-size:30px;
									font-weight:bold;
									color:#333;
								}
								p{
									font-size:18px;
									color:#666;
								}
							}
						}
						.txt{
							width:477px;
							margin-top:20px;
							span{
								color:#333;
								font-size:14px;
								.blue{
									color:#2f91ed;
								}
							}
						}
					}
					// 奇数的要有margin-right
					.protect:nth-child(odd){
						margin-right:100px;
						.txt{
							width:477px;
						}
					}
					.protect:nth-child(even){
						margin-right:0;
						.txt{
							width:573px;
						}
					}
				}
				// 主题内容样式更改
				.protect_content{
					.protect{
						margin-bottom:30px;
						.title{
							.left{
								display:block;
								float:left;
							}
							.right{
								display:block;
								float:left;
								margin-left:10px;
								margin-top:10px;
							}
						}
						.protect_txt{
							margin-left:80px;
							p{
								line-height:28px;
							}
						}
					}
				}
			}

			// 回款计划内容样式】
			.project{
			    .project_content{
			       tr{
			           th{
			               padding-bottom:20px;
			               font-size:18px;
			               color:#666;
			               span{
			               	font-weight:normal;
			               	font-size:14px;
			               }
			           }
			          td{
			             width:220px;
			              text-align: center;
			              padding:20px 0  0 0;
			              font-size:16px;
			              color:#333;
			         } 
			       } 
			       tr:nth-child(1){
			            border-bottom:1px solid #ccc;
			       } 
			       tr:nth-child(4){
			           td{
			               padding-bottom:40px;
			               
			           }
			           
			       } 
			       tr:nth-child(5){
			           td{
			               margin-top:40px;
                            border-top:1px solid #ccc;			               
			           }
			       }
			       .intro{
			             position:relative;
			             margin-top:85px;
			             ul{
			                 li{
			                     margin-left:26px;
			                     color:#666;
			                     fnt-size:14px;
			                     span{
			                             position:absolute;
			                             top:0;
			                             left:0;
			                             color:#da521d;
			                             font-size:14px;
			                     }
			                 }
			             }
			       }
			    }
			}
			// 投标记录的内容样式
			.project{
				.project_title{
					margin-bottom:40px;
					.left,.right{
						float:left;
						i{
							vertical-align:middle;
						}
						.red{
							color:#da251d;
						}
					}
					.left{
						i{
							background-position:-280px -40px;
						}
					}
					.right{
						i{
							background-position:-320px -40px;
						}
					}
				}
				.project_list{
					table{
						tr{
							td{
								text-align:center;
								width:230px;
								padding-top:20px;
								font-size:16px;
							}
							td:nth-child(3){
								color:#da251d;
							}
						}
						tr{
							th{
								font-weight:bold;
								border-bottom:1px solid #ccc;
								color:#666;
								font-size:18px;
								padding-bottom:20px;
								span{
									font-weight:normal;
									font-size:14px;

								}
							}
						}
					}
				}
				// 分页...................................
				.page{
					margin-top:50px;
					text-align:right;
					.M-box3{
						a{
							color:#333;
							display:inline-block;
							padding:10px 15px 10px 15px;
							border:1px solid #ccc;
							background:#f6f6f6;
							transition:all 0.2s;
							text-align:center;
						}
						.active{
							color:#fff;
							display:inline-block;
							padding:10px 15px 10px 15px;
							background:#af7533;
						}
						.jump-ipt{
							width:40px;
							height:38px;
							outline:0;
							text-align:center;
						}
					}
				}
			}
			// 常见问题的内容样式
			.project{
				.question_list{
					margin-bottom:58px;
					.num{
						width:80px;
						font-size:100px;
						color:#DDD;
						font-family:Arial;
						float:left;
						margin-top:-18px;
						font-style:italic;
					}
					.txt{
						width:1070px;
						float:left;
						p{
							line-height:28px;
						}
						.top{
							font-size:16px;
							color:#DA251D;
							font-weight:bold;
							i{
								background-position:-40px -40px;
								width:40px;
								vertical-align:middle;
							}
						}
						.bottom{
							font-size:14px;
							color:#241f19;
							position:relative;
							i{
								background-position:-80px -40px;
								width:40px;
								vertical-align:middle;
							}
							span{
								width:1012px;
								display:inline-block;
								text-align:left;
								position:absolute;
								left:40px;
								top:8px;
							}
						}
					}
				}
			}
		}
	}
}
// 汽车展示的模态窗口这里已
.alertbox{
	display:none;
    .bg{
        margin:0;
        padding:0;
        border:none;
        width:100%;
        height:100%;
        background:#333;
        opacity:0.6;
        position:fixed;
        top:0;
        left:0;
        z-index:999;
    }
    // 汽车轮播展示

   .caralert{
    		width:900px;
          	height:500px;
           position:fixed;
           bottom:0;
           top:50%;
           left:50%;
          	margin-left:-450px;
   			margin-top:-250px;
           z-index:9999;
           	max-width:900px;
   			max-height:500px;
   		.banner{
   			width:900px;
          	height:500px;
           	max-width:900px;
   			max-height:500px;
   			.banner_img{
   				width:900px;
          		height:500px;
           		max-width:900px;
   				max-height:500px;
   				a{
   					width:900px;
          			height:500px;
           			max-width:900px;
   					max-height:500px;
   					display:inline-block;
   					position:absolute;
   					top:0;
   					left:0;
   					display:none;
   					img{
   					width:900px;
          			height:500px;
   					border:1px solid #333;
   					}
   				}
   			}
   			.btn{
   				position:absolute;
   				top:43%;
   				width:100%;
   				a{
					display:inline-block;
					width:40px;
					height:100px;
					line-height:130px;
					//background:#ddd;
					text-align:center;
					transition:all 0.5s;
					-webkit-transition:all 0.5s;
					-o-transition:all 0.5s;
					-moz-transition:all 0.5s;
					-ms-transition:all 0.5s;
					i{
						width:32px;
						height:40px;
						background: url(../img/icon.png) no-repeat;

					}
   				}
   				a:hover{
   					background:#ddd;

   				}
   				.btn_left{
   					cursor:pointer;
   					
   					i{
   						background-position:-160px -40px;
   					}

   				}
   				.btn_left:hover{
   					//transform:rotate(180deg);
   					i{
   						background-position:-848px -50px;
   						transform:rotate(180deg);

   					}
   				}
   				.btn_right{
   					cursor:pointer;
   					position:absolute;
   					right:0;
   					i{
   					background-position:0 -40px;
   					}
   					
   				}
   				.btn_right:hover{
   					i{
   						background-position:-848px -50px;
   					}
   				}
   			}
   			.close{
   					position:absolute;
   					top:0;
   					right:-1px;
   					top:1px;
   					width:40px;
   					height:40px;
   					background:#ccc;
   					margin:0;
   					padding:0;
   					cursor:pointer;
   				span{
   					display:inline-block;
   					width:40px;
   					height:32px;
   					//padding:10px;
   					background:url(../img/icon.png) no-repeat;
   					background-position:-880px -2px;

   				}
   			}
   		}
  	}
}

// 合同展示的模态窗口
.alertbox1{
	display:none;
    .bg1{
        margin:0;
        padding:0;
        border:none;
        width:100%;
        height:100%;
        background:#333;
        opacity:0.6;
        position:fixed;
        top:0;
        left:0;
        z-index:999;
    }
    // 合同轮播展示

   .caralert1{
    		width:900px;
          	height:500px;
           position:fixed;
           bottom:0;
           top:50%;
           left:50%;
          	margin-left:-450px;
   			margin-top:-250px;
           z-index:9999;
           	max-width:900px;
   			max-height:500px;
   			text-align:center;
   		.banner1{
   			width:900px;
          	height:500px;
           	max-width:900px;
   			max-height:500px;
   			.banner_img1{
   				width:900px;
          		height:500px;
           		max-width:900px;
   				max-height:500px;
   				a{
   					width:900px;
          			height:500px;
           			max-width:900px;
   					max-height:500px;
   					display:inline-block;
   					position:absolute;
   					top:0;
   					left:0;
   					display:none;
   					img{
   					width:450px;
          			height:600px;
   					border:1px solid #333;
   					}
   				}
   			}
   			.btn{
   				position:absolute;
   				top:43%;
   				width:440px;
   				left:50%;
   				margin-left:-220px;
   				a{
					display:inline-block;
					width:40px;
					height:100px;
					line-height:130px;
					//background:#ddd;
					text-align:center;
					transition:all 0.5s;
					-webkit-transition:all 0.5s;
					-o-transition:all 0.5s;
					-moz-transition:all 0.5s;
					-ms-transition:all 0.5s;
					i{
						width:32px;
						height:40px;
						background: url(../img/icon.png) no-repeat;

					}
   				}
   				a:hover{
   					background:#ddd;

   				}
   				.btn_left{
   					cursor:pointer;
   					float:left;
   					i{
   						background-position:-160px -40px;
   					}

   				}
   				.btn_left:hover{
   					//transform:rotate(180deg);
   					i{
   						background-position:-848px -50px;
   						transform:rotate(180deg);

   					}
   				}
   				.btn_right{
   					cursor:pointer;
   					position:absolute;
   					right:0;
   					i{
   					background-position:0 -40px;
   					}
   					
   				}
   				.btn_right:hover{
   					i{
   						background-position:-848px -50px;
   					}
   				}
   			}
   			.close{
   					position:absolute;
   					top:0;
   					right:225px;
   					top:1px;
   					width:40px;
   					height:40px;
   					background:#ccc;
   					margin:0;
   					padding:0;
   					cursor:pointer;
   				span{
   					display:inline-block;
   					width:40px;
   					height:32px;
   					//padding:10px;
   					background:url(../img/icon.png) no-repeat;
   					background-position:-880px -2px;

   				}
   			}
   		}
  	}
}